<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<meta http-equiv="content-type" />
<meta name="author" lang="en" content="{{=response.author}}" />
<meta name="keywords" content="{{=response.keywords}}" />
<meta name="description" content="{{=response.description}}" />
<title>{{='Krasimira' or response.title or URL(r=request)}}</title>
<link rel="stylesheet" media="screen,projection" type="text/css" href="{{=URL(r=request,c='static',f='layout.css')}}" />
{{include 'web2py_ajax.html'}}
<script type="text/javascript">
    $(function(){
        $("#letters a").tooltip({ 
            track: false, 
            delay: 0, 
            showURL: false, 
            showBody: " - ", 
            extraClass: "pretty", 
            fixPNG: true, 
            opacity: 0.85, 
            left: 10,
            top: -105,
            fade: 300
        });
	$("span.preview a").tooltip({ 
            track: false, 
            delay: 0, 
            showURL: false, 
            showBody: " - ", 
            extraClass: "pretty", 
            fixPNG: true, 
            opacity: 0.85, 
            left: 10,
            top: -105,
            fade: 300
        });
        $("#nav_bar").find("a").each(function(){
            if( location.href.indexOf(this.href) != -1) {
                $(this).addClass("selected");
            }
        });
        $('#nav_bar a')
                .css( {backgroundPosition: "0 0"} )
                .mouseover(function(){
                        $(this).stop().animate({backgroundPosition:"(-155px 0)"}, {duration:500})
                })
                .mouseout(function(){
                        $(this).stop().animate({backgroundPosition:"(-300px 0)"}, {duration:200, complete:function(){
                                $(this).css({backgroundPosition: "0 0"})
                        }})
                })

	$("div#tl img").pngfix();
	$("div#logo img").pngfix();
    });
</script>
</head>

<body>
<div id="tl">
  <img src="/welcome/static/bgimg.png" />
</div>

<div id="container"><!--   start   page   -->
  <div id="inner_container"><!--   start  inner_container   -->
    <div id="stub">
    <div id="header"><!--   start   header   -->
      <!--<div id="logo">
          <img src="{{=URL(r=request,c='static',f='owl.png')}}"/>
      </div>-->
    </div><!--   end   header   -->

      <div id="content"><!--   start   content   -->

           <div id="nav"><!--   start   nav  -->
              <div class="wrapper">
                  <ul  id="nav_bar">
                    <li><a href={{=URL(r=request,c='default',f='home')}}>Home</a></li>
                    <li><a href={{=URL(r=request,c='book',f='index')}}>Books for Kids</a></li>
                    <li><a href={{=URL(r=request,c='images',f='index')}}>Images</a></li>
                    <li><a href={{=URL(r=request,c='icons',f='index')}}>Icons</a></li>
                    <li><a href={{=URL(r=request,c='about',f='index')}}>About</a></li>
                    <li><a href={{=URL(r=request,c='contacts',f='index')}}>Contacts</a></li>
                  </ul>
              </div>
            </div><!--   end   nav  -->

            <div id="main"><!--   start   main  -->
              <div style="text-align:center; padding:20px;">

                {{include}}

              </div>
            </div><!--   end  main  -->

            <script language="javascript" type="text/javascript">
                var myBorder = RUZEE.ShadedBorder.create({ corner:8, shadow:22 });
                myBorder.render('main');
            </script>

    </div><!--   end   content  -->

    <div id="footer"><!--   start   footer   -->
         &copy; Copyright {{=myhtml.copyright()}} Krasimira
    </div><!--   end   footer   --> 

    </div>
  </div><!-- end inner_container -->
</div><!--   end   container   -->

<script src="{{=URL(r=request,c='static',f='jquery.imghover.js')}}" type="text/javascript"></script>

<script type="text/javascript">
  var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
  document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
  try {
    var pageTracker = _gat._getTracker("UA-2673107-2");
    pageTracker._trackPageview();
  } catch(err) {}
</script>
      
</body>
</html>